<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>CKFinder.dom.element - CKFinder 2 JavaScript API Documentation</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 230px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 260px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px;
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}

		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
	<h1>CKFinder 2 JavaScript API Documentation</h1>
	<hr />
</div>

		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div>
	<a href="../index.html">Code Index</a>
</div>
<hr />
<h2>Namespaces</h2>
<ul class="classList">
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.html">CKFinder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ajax.html">CKFinder.ajax</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.config.html">CKFinder.config</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.html">CKFinder.dataTypes</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.html">CKFinder.dom</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.env.html">CKFinder.env</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.tools.html">CKFinder.tools</a>
			</li>
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinderAPI.html">CKFinderAPI</a>
			</li>
		
	
</ul>
<h2>Classes</h2>
<ul class="classList">
	
		
	
		
	
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Acl.html">CKFinder.dataTypes.Acl</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.BasketFolder.html">CKFinder.dataTypes.BasketFolder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Connector.html">CKFinder.dataTypes.Connector</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.File.html">CKFinder.dataTypes.File</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.Folder.html">CKFinder.dataTypes.Folder</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dataTypes.ResourceType.html">CKFinder.dataTypes.ResourceType</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.html">CKFinder.dialog</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.html">CKFinder.dialog.definition</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.button.html">CKFinder.dialog.definition.button</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.checkbox.html">CKFinder.dialog.definition.checkbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.content.html">CKFinder.dialog.definition.content</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.contentObject.html">CKFinder.dialog.definition.contentObject</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.file.html">CKFinder.dialog.definition.file</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.fileButton.html">CKFinder.dialog.definition.fileButton</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.hbox.html">CKFinder.dialog.definition.hbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.html.html">CKFinder.dialog.definition.html</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.radio.html">CKFinder.dialog.definition.radio</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.select.html">CKFinder.dialog.definition.select</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.textarea.html">CKFinder.dialog.definition.textarea</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.textInput.html">CKFinder.dialog.definition.textInput</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.uiElement.html">CKFinder.dialog.definition.uiElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definition.vbox.html">CKFinder.dialog.definition.vbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dialog.definitionObject.html">CKFinder.dialog.definitionObject</a>
			</li>
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.document.html">CKFinder.dom.document</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.domObject.html">CKFinder.dom.domObject</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>
			</li>
		
	
		
	
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.button.html">CKFinder.ui.dialog.button</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.checkbox.html">CKFinder.ui.dialog.checkbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.file.html">CKFinder.ui.dialog.file</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.fileButton.html">CKFinder.ui.dialog.fileButton</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.hbox.html">CKFinder.ui.dialog.hbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.html.html">CKFinder.ui.dialog.html</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.labeledElement.html">CKFinder.ui.dialog.labeledElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.radio.html">CKFinder.ui.dialog.radio</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.select.html">CKFinder.ui.dialog.select</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.textarea.html">CKFinder.ui.dialog.textarea</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.textInput.html">CKFinder.ui.dialog.textInput</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.uiElement.html">CKFinder.ui.dialog.uiElement</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.ui.dialog.vbox.html">CKFinder.ui.dialog.vbox</a>
			</li>
		
	
		
			<li>
				<a href="../symbols/CKFinder.xml.html">CKFinder.xml</a>
			</li>
		
	
		
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Class CKFinder.dom.element
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				<br />Extends
					<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>.<br />
				
			
				
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class CKFinder.dom.element.">
				<caption>Class Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/CKFinder.dom.element.html#constructor">CKFinder.dom.element</a></b>(element, ownerDocument)
							</div>
							<div class="description">Represents a DOM element.</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			

				
				

				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class CKFinder.dom.element.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.dom.element.<b><a href="../symbols/CKFinder.dom.element.html#.getSize">getSize</a></b>
								</div>
								<div class="description">Get the element's size, possibly with box model awareness.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;static&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								CKFinder.dom.element.<b><a href="../symbols/CKFinder.dom.element.html#.setSize">setSize</a></b>
								</div>
								<div class="description">Update the element's size with box model awareness.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/CKFinder.dom.element.html#hasAttributes">hasAttributes</a></b>
								</div>
								<div class="description">Indicates that the element has defined attributes.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/CKFinder.dom.element.html#type">type</a></b>
								</div>
								<div class="description">The node type.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
				<dl class="inheritsList">
				<dt>Fields borrowed from class <a href="../symbols/CKFinder.dom.domObject.html">CKFinder.dom.domObject</a>: </dt><dd><a href="../symbols/CKFinder.dom.domObject.html#$">$</a></dd>
				</dl>
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class CKFinder.dom.element.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#addClass">addClass</a></b>(className)
								</div>
								<div class="description">Adds a CSS class to the element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#append">append</a></b>(node, toStart)
								</div>
								<div class="description">Append a node as a child of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#appendHtml">appendHtml</a></b>(html)
								</div>
								<div class="description">Appends html to this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#appendText">appendText</a></b>(text)
								</div>
								<div class="description">Append text to this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#data">data</a></b>(name, value)
								</div>
								<div class="description">Gets, sets and removes custom data to be stored as HTML5 data-* attributes.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#focus">focus</a></b>()
								</div>
								<div class="description">Moves the selection focus to this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getAttribute">getAttribute</a></b>(name)
								</div>
								<div class="description">Gets the value of an element attribute.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getChild">getChild</a></b>(indices)
								</div>
								<div class="description">Gets a DOM tree descendant under the current node.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getFirst">getFirst</a></b>()
								</div>
								<div class="description">Gets the first child node of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getHtml">getHtml</a></b>()
								</div>
								<div class="description">Gets the inner HTML of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getId">getId</a></b>()
								</div>
								<div class="description">Gets the value of the "id" attribute of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getName">getName</a></b>()
								</div>
								<div class="description">Gets the element name (tag name).</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getNameAtt">getNameAtt</a></b>()
								</div>
								<div class="description">Gets the value of the "name" attribute of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getSize">getSize</a></b>(type, contentSize)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getStyle">getStyle</a></b>(name)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getTabIndex">getTabIndex</a></b>()
								</div>
								<div class="description">Gets the computed tabindex for this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getText">getText</a></b>()
								</div>
								<div class="description">Gets the text value of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getValue">getValue</a></b>()
								</div>
								<div class="description">Gets the value set to this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#getWindow">getWindow</a></b>()
								</div>
								<div class="description">Gets the window object that contains this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#hasAttribute">hasAttribute</a></b>((String))
								</div>
								<div class="description">Indicates whether a specified attribute is defined for this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#hasClass">hasClass</a></b>(className)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#hide">hide</a></b>()
								</div>
								<div class="description">Hides this element (display:none).</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#is">is</a></b>()
								</div>
								<div class="description">Checks if the element name matches one or more names.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#isIdentical">isIdentical</a></b>(otherElement)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#isVisible">isVisible</a></b>()
								</div>
								<div class="description">Checks if this element is visible.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#removeAttribute">removeAttribute</a></b>(name)
								</div>
								<div class="description">Removes an attribute from the element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#removeAttributes">removeAttributes</a></b>(attributes)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#removeClass">removeClass</a></b>(className)
								</div>
								<div class="description">Removes a CSS class name from the elements classes.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#removeStyle">removeStyle</a></b>(name)
								</div>
								<div class="description">Removes a style from the element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#renameNode">renameNode</a></b>(newTag)
								</div>
								<div class="description">Changes the tag name of the current element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setAttribute">setAttribute</a></b>(name, value)
								</div>
								<div class="description">Sets the value of an element attribute.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setAttributes">setAttributes</a></b>(attributesPairs)
								</div>
								<div class="description">Sets the value of several element attributes.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setHtml">setHtml</a></b>(html)
								</div>
								<div class="description">Sets the inner HTML of this element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setOpacity">setOpacity</a></b>(opacity)
								</div>
								<div class="description">Sets the opacity of an element.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setSize">setSize</a></b>(type, size, isBorderBox)
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setStyle">setStyle</a></b>(name, value)
								</div>
								<div class="description">Sets the value of an element style.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setStyles">setStyles</a></b>(stylesPairs)
								</div>
								<div class="description">Sets the value of several element styles.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setText">setText</a></b>(text)
								</div>
								<div class="description">Sets the element contents as plain text.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#setValue">setValue</a></b>(value)
								</div>
								<div class="description">Sets the element value.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#show">show</a></b>()
								</div>
								<div class="description">Shows this element (display it).</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/CKFinder.dom.element.html#toString">toString</a></b>()
								</div>
								<div class="description"></div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
				<dl class="inheritsList">
				<dt>Methods borrowed from class <a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>: </dt><dd><a href="../symbols/CKFinder.dom.node.html#appendTo">appendTo</a>, <a href="../symbols/CKFinder.dom.node.html#clone">clone</a>, <a href="../symbols/CKFinder.dom.node.html#getDocument">getDocument</a>, <a href="../symbols/CKFinder.dom.node.html#getParent">getParent</a>, <a href="../symbols/CKFinder.dom.node.html#insertAfter">insertAfter</a>, <a href="../symbols/CKFinder.dom.node.html#insertBefore">insertBefore</a>, <a href="../symbols/CKFinder.dom.node.html#ltrim">ltrim</a>, <a href="../symbols/CKFinder.dom.node.html#move">move</a>, <a href="../symbols/CKFinder.dom.node.html#remove">remove</a>, <a href="../symbols/CKFinder.dom.node.html#replace">replace</a>, <a href="../symbols/CKFinder.dom.node.html#rtrim">rtrim</a>, <a href="../symbols/CKFinder.dom.node.html#trim">trim</a></dd><dt>Methods borrowed from class <a href="../symbols/CKFinder.dom.domObject.html">CKFinder.dom.domObject</a>: </dt><dd><a href="../symbols/CKFinder.dom.domObject.html#equals">equals</a>, <a href="../symbols/CKFinder.dom.domObject.html#getCustomData">getCustomData</a>, <a href="../symbols/CKFinder.dom.domObject.html#setCustomData">setCustomData</a></dd>
				</dl>
				
			

<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Class Detail
				</div>
				
				<div class="fixedFont" style="float:left">
						<b>CKFinder.dom.element</b>(element, ownerDocument)
				</div>

				<div style="float:right">
					<span class="heading">Since:</span>
						
							2.0
						
				</div>
				<div style="clear:both"></div>
				
				<div class="description">
					Represents a DOM element.
					
				</div>
				
				
				
					
						<pre class="code">// Definition of a select element, see CKFinder.dialog.definition.select{	type : 'select',	id : 'sport',	label : 'Select your favourite sport',	items : [ [ 'Basketball' ], [ 'Hockey' ] ],	'default' : 'Hockey',	onChange : function( api ) {		// this = CKFinder.ui.dialog.select		var element = this.<b>getElement();</b>		// element = CKFinder.dom.element		alert( element.getHtml() );	}}</pre>
					
				
				
				
				
					
						<dl class="detailList">
						<dt class="heading">Parameters:</dt>
						
							<dt>
								<span class="light fixedFont">{Object|String}</span> <b>element</b>
								
							</dt>
								<dd>A native DOM element or the element name for		new elements.</dd>
						
							<dt>
								<span class="light fixedFont">{<a href="../symbols/CKFinder.dom.document.html">CKFinder.dom.document</a>}</span> <b>ownerDocument</b>
								<i>Optional</i>
							</dt>
								<dd>The document that will contain		the element in case of element creation.</dd>
						
						</dl>
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name=".getSize"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.dom.element.</span><b>getSize</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Get the element's size, possibly with box model awareness.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					

						
						
						

					<hr />
				
					<a name=".setSize"> </a>
					<div class="fixedFont" style="float:left">&lt;static&gt; 
					
					<span class="light">{Undefined}</span>
					<span class="light">CKFinder.dom.element.</span><b>setSize</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Update the element's size with box model awareness.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					

						
						
						

					<hr />
				
					<a name="hasAttributes"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Function}</span>
					<b>hasAttributes</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Indicates that the element has defined attributes.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div title="Test">Example&lt;/div>' );alert( <b>element.hasAttributes()</b> );  "true"</pre>
						
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div>Example&lt;/div>' );alert( <b>element.hasAttributes()</b> );  "false"</pre>
						
					
					

						
						
						

					<hr />
				
					<a name="type"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Number}</span>
					<b>type</b>
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						The node type. This is a constant value set to<a href="../symbols/CKFinder.html#.NODE_ELEMENT">CKFinder.NODE_ELEMENT</a>.
						
					</div>
					
					
					
						
					
					

						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name="addClass"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>addClass</b>(className)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Adds a CSS class to the element. It appends the class to thealready existing names.
						
					</div>
					
					
					
						
							<pre class="code">var element = new CKFinder.dom.element( 'div' );element.addClass( 'classA' );  // &lt;div class="classA"&gt;element.addClass( 'classB' );  // &lt;div class="classA classB"&gt;element.addClass( 'classA' );  // &lt;div class="classA classB"&gt;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>className</b>
									
								</dt>
								<dd>The name of the class to be added.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="append"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span>
					<b>append</b>(node, toStart)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Append a node as a child of this element.
						
					</div>
					
					
					
						
							<pre class="code">var p = new CKFinder.dom.element( 'p' );var strong = new CKFinder.dom.element( 'strong' );<b>p.append( strong );</b>var em = <b>p.append( 'em' );</b>// result: "&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;em&gt;&lt;/em&gt;&lt;/p&gt;"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>|String}</span> <b>node</b>
									
								</dt>
								<dd>The node or element name to be		appended.</dd>
							
								<dt>
									<span class="light fixedFont">{Boolean}</span> <b>toStart</b>
									<i>Optional</i>
								</dt>
								<dd>Indicates that the element is to be		appended at the start.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span> The appended node.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="appendHtml"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>appendHtml</b>(html)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Appends html to this element.
						
					</div>
					
					
					
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>html</b>
									
								</dt>
								<dd>The html to be appended.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="appendText"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>appendText</b>(text)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Append text to this element.
						
					</div>
					
					
					
						
							<pre class="code">var p = new CKFinder.dom.element( 'p' );p.appendText( 'This is' );p.appendText( ' some text' );// result: "&lt;p&gt;This is some text&lt;/p&gt;"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>text</b>
									
								</dt>
								<dd>The text to be appended.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="data"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>data</b>(name, value)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets, sets and removes custom data to be stored as HTML5 data-* attributes.
						
					</div>
					
					
					
						
							<pre class="code">element.data( 'extra-info', 'test' );   // appended the attribute data-extra-info="test" to the elementalert( element.data( 'extra-info' ) );  // "test"element.data( 'extra-info', false );    // remove the data-extra-info attribute from the element</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The name of the attribute, excluding the 'data-' part.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>value</b>
									<i>Optional</i>
								</dt>
								<dd>The value to set. If set to false, the attribute will be removed.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="focus"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>focus</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Moves the selection focus to this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.document.getById( 'myTextarea' );<b>element.focus()</b>;</pre>
						
					
					
					
						
						
						
						
						
						

					<hr />
				
					<a name="getAttribute"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getAttribute</b>(name)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the value of an element attribute.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;input type="text" /&gt;' );alert( <b>element.getAttribute( 'type' )</b> );  // "text"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The attribute name.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The attribute value or null if not defined.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getChild"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span>
					<b>getChild</b>(indices)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets a DOM tree descendant under the current node.
						
					</div>
					
					
					
						
							<pre class="code">var strong = p.getChild(0);</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Array|Number}</span> <b>indices</b>
									
								</dt>
								<dd>The child index or array of child indices under the node.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span> The specified DOM child under the current node. Null if child does not exist.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getFirst"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span>
					<b>getFirst</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the first child node of this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );var first = <b>element.getFirst()</b>;alert( first.getName() );  // "b"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.node.html">CKFinder.dom.node</a>}</span> The first child node or null if not		available.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getHtml"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getHtml</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the inner HTML of this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );alert( <b>p.getHtml()</b> );  // "&lt;b&gt;Example&lt;/b&gt;"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The inner HTML of this element.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getId"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getId</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the value of the "id" attribute of this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;p id="myId"&gt;&lt;/p&gt;' );alert( <b>element.getId()</b> );  // "myId"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The element id, or null if not available.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getName"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getName</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the element name (tag name). The returned name is guaranteed tobe always full lowercased.
						
					</div>
					
					
					
						
							<pre class="code">var element = new CKFinder.dom.element( 'span' );alert( <b>element.getName()</b> );  // "span"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The element name.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getNameAtt"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getNameAtt</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the value of the "name" attribute of this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;input name="myName"&gt;&lt;/input&gt;' );alert( <b>element.getNameAtt()</b> );  // "myName"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The element name, or null if not available.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getSize"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>getSize</b>(type, contentSize)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>type</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>contentSize</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="getStyle"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>getStyle</b>(name)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>name</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="getTabIndex"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Number}</span>
					<b>getTabIndex</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the computed tabindex for this element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.document.getById( 'myDiv' );alert( <b>element.getTabIndex()</b> );  // e.g. "-1"</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Number}</span> The tabindex value.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getText"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getText</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the text value of this element.Only in IE (which uses innerText), &lt;br&gt; will cause linebreaks,and sucessive whitespaces (including line breaks) will be reduced toa single space. This behavior is ok for us, for now. It may changein the future.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div&gt;Same &lt;i&gt;text&lt;/i&gt;.&lt;/div&gt;' );alert( <b>element.getText()</b> );  // "Sample text."</pre>
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The text value.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getValue"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>getValue</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the value set to this element. This value is usually availablefor form field elements.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The element value.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="getWindow"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{CKFinder.dom.window}</span>
					<b>getWindow</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Gets the window object that contains this element.
						
					</div>
					
					
					
						
					
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{CKFinder.dom.window}</span> The window object.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="hasAttribute"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Boolean}</span>
					<b>hasAttribute</b>((String))
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Indicates whether a specified attribute is defined for this element.
						
					</div>
					
					
					
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>(String)</b>
									
								</dt>
								<dd>name The attribute name.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the specified attribute is defined.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="hasClass"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>hasClass</b>(className)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>className</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="hide"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>hide</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Hides this element (display:none).
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.hide()</b>;</pre>
						
					
					
					
						
						
						
						
						
						

					<hr />
				
					<a name="is"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Boolean}</span>
					<b>is</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Checks if the element name matches one or more names.
						
					</div>
					
					
					
						
							<pre class="code">var element = new CKFinder.element( 'span' );alert( <b>element.is( 'span' )</b> );  "true"alert( <b>element.is( 'p', 'span' )</b> );  "true"alert( <b>element.is( 'p' )</b> );  "false"alert( <b>element.is( 'p', 'div' )</b> );  "false"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name[,name[,...]]</b>
									
								</dt>
								<dd>One or more names to be checked.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> true if the element name matches any of the names.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="isIdentical"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>isIdentical</b>(otherElement)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>otherElement</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="isVisible"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Boolean}</span>
					<b>isVisible</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Checks if this element is visible. May not work if the element ischild of an element with visibility set to "hidden", but works wellon the great majority of cases.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the element is visible.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="removeAttribute"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>removeAttribute</b>(name)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Removes an attribute from the element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '<div class="classA"></div>' );element.removeAttribute( 'class' );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The attribute name.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="removeAttributes"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>removeAttributes</b>(attributes)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>attributes</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="removeClass"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>removeClass</b>(className)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Removes a CSS class name from the elements classes. Other classesremain untouched.
						
					</div>
					
					
					
						
							<pre class="code">var element = new CKFinder.dom.element( 'div' );element.addClass( 'classA' );  // &lt;div class="classA"&gt;element.addClass( 'classB' );  // &lt;div class="classA classB"&gt;element.removeClass( 'classA' );  // &lt;div class="classB"&gt;element.removeClass( 'classB' );  // &lt;div&gt;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>className</b>
									
								</dt>
								<dd>The name of the class to remove.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="removeStyle"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>removeStyle</b>(name)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Removes a style from the element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.createFromHtml( '&lt;div style="display:none">&lt;/div>' );element.removeStyle( 'display' );</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The style name.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="renameNode"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>renameNode</b>(newTag)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Changes the tag name of the current element.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>newTag</b>
									
								</dt>
								<dd>The new tag for the element.</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="setAttribute"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span>
					<b>setAttribute</b>(name, value)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the value of an element attribute.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.setAttribute( 'class', 'myClass' )</b>;<b>element.setAttribute( 'title', 'This is an example' )</b>;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The name of the attribute.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>value</b>
									
								</dt>
								<dd>The value to be set to the attribute.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span> This element instance.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setAttributes"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span>
					<b>setAttributes</b>(attributesPairs)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the value of several element attributes.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.setAttributes({    'class' : 'myClass',    'title' : 'This is an example' })</b>;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>attributesPairs</b>
									
								</dt>
								<dd>An object containing the names and		values of the attributes.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span> This element instance.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setHtml"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>setHtml</b>(html)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the inner HTML of this element.
						
					</div>
					
					
					
						
							<pre class="code">var p = new CKFinder.dom.element( 'p' );<b>p.setHtml( '&lt;b&gt;Inner&lt;/b&gt; HTML' );</b>// result: "&lt;p&gt;&lt;b&gt;Inner&lt;/b&gt; HTML&lt;/p&gt;"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>html</b>
									
								</dt>
								<dd>The HTML to be set for this element.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The inserted HTML.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setOpacity"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>setOpacity</b>(opacity)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the opacity of an element.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.setOpacity( 0.75 )</b>;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Number}</span> <b>opacity</b>
									
								</dt>
								<dd>A number within the range [0.0, 1.0].</dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="setSize"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>setSize</b>(type, size, isBorderBox)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>type</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>size</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<span class="light fixedFont">{Undefined}</span> <b>isBorderBox</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						

					<hr />
				
					<a name="setStyle"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span>
					<b>setStyle</b>(name, value)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the value of an element style.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.setStyle( 'background-color', '#ff0000' )</b>;<b>element.setStyle( 'margin-top', '10px' )</b>;<b>element.setStyle( 'float', 'right' )</b>;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>name</b>
									
								</dt>
								<dd>The name of the style. The CSS naming notation		must be used (e.g. "background-color").</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>value</b>
									
								</dt>
								<dd>The value to be set to the style.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span> This element instance.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setStyles"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span>
					<b>setStyles</b>(stylesPairs)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the value of several element styles.
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.setStyles({    'position' : 'absolute',    'float' : 'right' })</b>;</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Object}</span> <b>stylesPairs</b>
									
								</dt>
								<dd>An object containing the names and		values of the styles.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span> This element instance.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setText"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{String}</span>
					<b>setText</b>(text)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the element contents as plain text.
						
					</div>
					
					
					
						
							<pre class="code">var element = new CKFinder.dom.element( 'div' );element.setText( 'A > B & C < D' );alert( element.innerHTML );  // "A &amp;gt; B &amp;amp; C &amp;lt; D"</pre>
						
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>text</b>
									
								</dt>
								<dd>The text to be set.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{String}</span> The inserted text.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="setValue"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span>
					<b>setValue</b>(value)
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Sets the element value. This function is usually used with formfield element.
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>value</b>
									
								</dt>
								<dd>The element value.</dd>
							
							</dl>
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{<a href="../symbols/CKFinder.dom.element.html">CKFinder.dom.element</a>}</span> This element instance.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="show"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>show</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						Shows this element (display it).
						
					</div>
					
					
					
						
							<pre class="code">var element = CKFinder.dom.element.getById( 'myElement' );<b>element.show()</b>;</pre>
						
					
					
					
						
						
						
						
						
						

					<hr />
				
					<a name="toString"> </a>
					<div class="fixedFont" style="float:left">
					
					<span class="light">{Undefined}</span>
					<b>toString</b>()
					
					</div>
					<div style="float:right">
						<span class="heading">Since:</span>
							
								2.0
							
					</div>
					<div style="clear:both"></div>
					<div class="description">
						
						
					</div>
					
					
						<pre class="code"><span style="color:red">NO EXAMPLE AVAILABLE</span></pre>
					
					
						
						
						
						
						
						

					
				
			

			<!-- ============================== event details ========================= -->		
			

			<hr />
		</div>
		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
	Copyright &copy; 2007-2015, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
</div>

	</body>
</html>
